
<section id="main">
	<div class="title-sec">
		<img :src="content.logoUrl" class="logo-img" />
		<h2 v-html="content.text1"></h2>
		<h3 v-html="content.text101"></h3>
		<div class="tet-conent">
			<p v-html="content.text2"></p>
		</div>
        <div class="head-bg">
            <img :src="serverUrl+'/temp/template2/bg01.png'" alt="">
        </div>
		<div class="text-img">
			<div>
				<img :src="content.picUrl1"/>
				<h4 class="text-title" v-html="content.text3"></h4>
				<p class="text-detail" v-html="content.text4"></p>
			</div>
			<!--<img src="http://skyforest.static.elab-plus.com/temp/template2/pic2.png" class="flow-img">-->
		</div>
		<div class="title-conent">
			<h4 class="text-title" v-html="content.text5"></h4>
			<p class="text-detail" v-html="content.text6"></p>
		    <div class="sec-conent">
				<div class="img-left">
					<img :src="content.picUrl2"/>
				</div>
				<p class="text-detail overflow text-r" v-html="content.text7"></p>
			</div>
			<div class="sec-conent">
				<p class="text-detail overflow text-right text-l" v-html="content.text8"></p>
				<div class="img-right">
					<img :src="content.picUrl3"/>
				</div>
			</div>
			<div class="sec-conent">
				<div class="img-left">
					<img :src="content.picUrl4"/>
				</div>
				<p class="text-detail overflow text-r" v-html="content.text9"></p>
			</div>
			<h4 class="text-title" v-html="content.text10"></h4>
			<div class="text-gray">
				<p class="mar-left" v-html="content.text11"></p>
			    <img :src="content.picUrl5" class="img-center"/>
			</div>
			<div class="text-gray">
				<p class="mar-right" v-html="content.text12"></p>
				<img :src="content.picUrl6" class="img-right"/>
			</div>
			<!--<img src="http://skyforest.static.elab-plus.com/temp/template2/pic2.png" class="flow-img">-->
		</div>
		<div class="title-conent">
			<div class="box4-title">
				<!--<div class="line1"></div>-->
				<div class="box4-text" :style="'background-image:url('+serverUrl+'/temp/template2/title_bg.png)'" v-html="content.text13"></div>
				<!--<div class="line2"></div>-->
			</div>
			<div class="text-box" v-html="content.text14"></div>
			<div class="box4-title">
				<!--<div class="line1"></div>-->
				<div class="box4-text" :style="'background-image:url('+serverUrl+'/temp/template2/title_bg.png)'" v-html="content.text15"></div>
				<!--<div class="line2"></div>-->
			</div>
			<div class="text-box" v-html="content.text16"></div>
			<div class="box4-title">
				<!--<div class="line1"></div>-->
				<div class="box4-text" :style="'background-image:url('+serverUrl+'/temp/template2/title_bg.png)'" v-html="content.text17"></div>
				<!--<div class="line2"></div>-->
			</div>
			<div class="text-box" v-html="content.text18"></div>
		</div>
		<div class="bottom-tetle">
			<div>
				<p v-html="content.text19"></p>
			</div>
			<img :src="content.picUrl7"/>
		</div>
		<div class="bottom-img">
			<img :src="content.picUrl8"/>
			<img :src="content.picUrl9"/>
		</div>
	</div>

	<div class="tel-sec">
		<p class="tel-title">您可以在线咨询置业顾问:</p>
		<div class="counselor-sec">
			<img src="http://skyforest.static.elab-plus.com/temp/template2/button_online.png" @click="contactCounselor"/>
		</div>
		<div class="tel-sec1">
			<input type="tel" v-model="phone" placeholder="手机号"/>
			<div class="btn text-center" @click="getVerifyFn">{{verifyText}}</div>
		</div>
		<div class="tel-sec1">
			<input type="tel" placeholder="验证码" v-model="verify"/>
			<div class="btn text-center" @click="submit">提交</div>
		</div>
		<p class="text-tel">您也可以留电，置业顾问会第一时间联系您</p>
		<div class="tel-bot">
			<!-- <div class="tel-main">
				<div class="tel-btn" @click="contactCounselor">
					<p>在线顾问</p>
					<i></i>
				</div>
				<div class="coun-btn">
					<a v-on:click="trackTel" :href="'tel:'+telephone">
						<p>电话咨询</p>
						<i></i>
					</a>
				</div>
			</div> -->
			<img :src="appQrCode" class="code-img" v-if="appQrCode==''?false:true"/>
			<p class="text-center text-code" v-if="appQrCode==''?false:true">扫描下载项目APP</p>
			<p class="text-center text-adr">项目地址：{{address}}</p>
			<p class="text-center text-adr">开发商：{{owner}}</p>
			<a v-on:click="trackTel" :href="'tel:'+telephone" class="tel-img">
				<!-- <img src="http://skyforest.static.elab-plus.com/temp/template2/button_phone.png" class="tel-img"/> -->
			</a>
			<p class="text-center text-bot">本资料提供的所有文字、图片、视频数据仅供参考，</p>
			<p class="text-center text-bot">最终以政府批准文件及双方签订的买卖合同为准</p>
			<!-- <div class="edite-code">
				<img :src="content.finalImg== undefined||content.finalImg=='' ?'http://skyforest.static.elab-plus.com/detail/defaultCode.png':content.finalImg"/>
				<div class="code-title">
					<p class="title">{{content.finalTitle1}}</p>
					<p class="sub-title">{{content.finalTitle2}}</p>
				</div>
			</div> -->
		</div>
	</div>
</section>
